body {
    font-family:fantasy;
    font-size:14px;
}
.head {
    background-color:darkslateblue;
    width:90px;
    text-align:center;            
    color:gainsboro;
    height:30px;
}
.column {
    background-color:#d1e1fe;
    width:90px;
    text-align:center;

}
.currentColumn {
    background-color:#becde8;
    width:90px;
    text-align:center;
}
.indicatorColumn {
    width:90px;
    text-align:center;
}
.dateColumn {
    color:#a8bcd6;
    width:90px;
    text-align:center;
    font-size:11px;
}
.firstColumn {
    text-align:right;
}
.languagePanel {
    text-align:right;
    font-size:11px;
    text-decoration:none;
}
.langCell {
    width:70px;
    height:18px;
    text-align:center;
    padding-bottom:2px;
}
.selectedLang {
    background-color:lightgray;
    color:black;
    border-style:solid;
    border-width:1px;
    border-color:darkgray;
}
.unselectedLang {
    color:black;   
}
.messages {
    background-color:#bde7bd;
    font-size:13px;
    color:#196719;
    border-style: solid;
    border-width: 1px;
    border-color: limegreen;
    padding:5px;
    padding-left:20px;
    padding-right:20px;
}

.ovalbutton {
    background: transparent url('#{resource['images/oval-blue-left.gif']}') no-repeat top left;
    display: block;
    float: left;
    font-size:13px;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    margin-left:5px;
    margin-right:5px;
    color: black;
}
.ovalbutton span {
    background: transparent url('#{resource['images/oval-blue-right.gif']}') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

.weekNavigationLink {
    background: transparent;
    border-style:none;
    text-decoration: none;
}

.loginForm {
    font-size:smaller;
    background:lightgray;
    width:250px;
    height:130px;
    color:black;
    border-style:solid;
    border-width:1px;
    border-color:darkgray;
    padding-left:20px;
    padding-top:15px;
}

.regForm {
    font-size:smaller;
    background:lightgray;
    width:300px;
    height:130px;
    color:black;
    border-style:solid;
    border-width:1px;
    border-color:darkgray;
    padding-left:20px;
}

#navigation{
    margin-bottom:2px;
}
#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    margin-left:100px;
}
#navigation li {
    display: inline;
}
#navigation a:link, #navigation a:visited {
    padding: 3px 10px 2px 10px;
    text-decoration: none;
    border: 1px solid;
    background-color:lightgray;
    color:black;
    border-color:darkgray;
}
#tabContent {
    border-top-style:solid;
    border-top-color:darkgray;
    border-top-width:1px;
    margin-left:80px;
    width:80%;
}

.veil {
    filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;
    background-color:white;
    position:absolute;
    z-index:5000;
    height:30px;
    width:350px;
}
.weekTotal{
    text-align:right;
    padding-right:5px;
    padding-top:5px;
    font-size:smaller;
    color:#a8bcd6;
}
.panelFrame {
    border-style:solid;
    border-width:1px;
    border-color:darkgray;
    padding:10px;
}
.labelsColumn {
    width:130px;
    text-align:right;
}